﻿<!--Sidebar-->
<div class="col-md-3 col-sm-3 hidden-xs">

        <h5 class="title">Categories</h5>
        <!-- Sidebar navigation -->
          <nav>
            <ul id="nav">
              <!-- Main menu. Use the class "has_sub" to "li" tag if it has submenu. -->
              <li><a href="index-2.html">Home</a></li>
              <li class="has_sub"><a href="#">Smartphone</a>
                <!-- Submenu -->
                <ul>
                              <li><a href="items.html">HTC</a></li>
                              <li><a href="items.html">Samsung</a></li>
                              <li><a href="items.html">Apple</a></li>
                              <li><a href="items.html">Motorola</a></li>
                              <li><a href="items.html">Nokia</a></li>
                </ul>
              </li>
              <li class="has_sub"><a href="#">Tablet</a>
                <ul>
                              <li><a href="items.html">Samsung</a></li>
                              <li><a href="items.html">Apple</a></li>
                              <li><a href="items.html">Motorola</a></li>
                </ul>
              </li>
              <li class="has_sub"><a href="#">Digital Camera</a>
                <ul>
                              <li><a href="items.html">Nikkon</a></li>
                              <li><a href="items.html">Samsung</a></li>
                              <li><a href="items.html">Sony</a></li>
                              <li><a href="items.html">Cannon</a></li>
                </ul>
              </li>
              <li class="has_sub"><a href="#">Computers</a>
                <ul>
                              <li><a href="items.html">Dell</a></li>
                              <li><a href="items.html">Lenovo</a></li>
                              <li><a href="items.html">Apple</a></li>
                              <li><a href="items.html">Samsung</a></li>
                </ul>
              </li>
              <li class="has_sub"><a href="#">Software</a>
                <ul>
                              <li><a href="items.html">Microsoft</a></li>
                              <li><a href="items.html">Nero</a></li>
                              <li><a href="items.html">Apple</a></li>
                              <li><a href="items.html">Avaira</a></li>
                </ul>
              </li>
            </ul>
          </nav>
<br>
          <!-- Sidebar items (featured items)-->

          <div class="sidebar-items">

            <h5 class="title">Featured Items</h5>

            <!-- Item #1 -->
            <div class="sitem">
              <!-- Don't forget the class "onethree-left" and "onethree-right" -->
              <div class="onethree-left">
                <!-- Image -->
                <a href="single-item.html"><img src="img/photos/2.png" alt="" class="img-responsive"></a>
              </div>
              <div class="onethree-right">
                <!-- Title -->
                <a href="single-item.html">HTC One V</a>
                <!-- Para -->
                <p>Aenean ullamcorper justo tincidunt justo aliquet.</p>
                <!-- Price -->
                <p class="bold">$199</p>
              </div>
              <div class="clearfix"></div>
            </div>

            <div class="sitem">
              <div class="onethree-left">
                <a href="single-item.html"><img src="img/photos/3.png" alt="" class="img-responsive"></a>
              </div>
              <div class="onethree-right">
                <a href="single-item.html">Sony One V</a>
                <p>Aenean ullamcorper justo tincidunt justo aliquet.</p>
                <p class="bold">$399</p>
              </div>
              <div class="clearfix"></div>
            </div>

            <div class="sitem">
              <div class="onethree-left">
                <a href="single-item.html"><img src="img/photos/4.png" alt="" class="img-responsive"></a>
              </div>
              <div class="onethree-right">
                <a href="single-item.html">Nokia One V</a>
                <p>Aenean ullamcorper justo tincidunt justo aliquet.</p>
                <p class="bold">$159</p>
              </div>
              <div class="clearfix"></div>
            </div>

            <div class="sitem">
              <div class="onethree-left">
                <a href="single-item.html"><img src="img/photos/5.png" alt="" class="img-responsive"></a>
              </div>
              <div class="onethree-right">
                <a href="single-item.html">Samsung One V</a>
                <p>Aenean ullamcorper justo tincidunt justo aliquet.</p>
                <p class="bold">$299</p>
              </div>
              <div class="clearfix"></div>
            </div>
                                    
          </div>

      </div>